import styled from "styled-components";

const StudentStyle = styled.div`
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 30px;
  background-color: #f0eded;
  padding: 10px;
  height: 200px;
  border-radius: 10px;
  box-shadow: -3px 4px 3px 1px #9d9898;

  .ant-image {
    flex: 7;
    width: 100%;

    img {
      object-fit: cover;
    }
  }
  
  .name {
    margin-top: 20px;
    flex: 3;
  }
`;

export default StudentStyle;
